<style>
</style>
<template>
    <ly-page>
        <ly-navi title="文本自动省略号"></ly-navi>
        <ly-page-content>
            <ly-tip>
                <p>
                    文本过长自动处理省略号，支持按照行数截取显示。
                </p>
                <p>
                   支持 hover 显示完整文本内容
                </p>
            </ly-tip>

            <el-divider content-position="left">默认</el-divider>
            <ly-clamp width="400" :text="text" line="3"></ly-clamp>
            <el-divider content-position="left">hover显示全部</el-divider>
            <ly-clamp width="400" :text="text" line="3" hover-show></ly-clamp>
            <el-divider content-position="left">白色主题</el-divider>
            <ly-clamp theme="white" width="400" :text="text" line="3" hover-show></ly-clamp>
            <ly-markdown>
              <pre v-pre>
            ## `ly-clamp`

            #### Attributes

            | 属性名  |说明   | 类型|可选值|默认值|
            | ------------ | ------------ |------------ |------------ |------------ |
            |  text | 需要显示的文本	 |string |-	|-	|
            |  line| 显示行数	  |int,string |-	|3|
            |  hoverShow | hover 是否显示全部	  |boolean|-	|false|
            |  width | 宽度	 |int,string |-	|400	|
            |  theme | 主题	 |string |dark,white	|dark	|
            |  popWidth | pop框最大宽度	 |int,string |-	|400	|
              </pre>
            </ly-markdown>
        </ly-page-content>

    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    text: '奇瑞商用车（安徽） 有限公司\n' +
                        '——————————————\n' +
                        '【岗位】：IE工程师\n' +
                        '【薪资】：4500-8000元\n' +
                        '【福利待遇】：五险一金,交通补助,生日福利,餐补,节日福利,工作餐,年终奖\n' +
                        '【岗位详情】：https://whzp.ixiaoma.com/s/UDf0Q3\n' +
                        '\n' +
                        '✅芜湖正地物业管理有限公司\n' +
                        '——————————————\n' +
                        '【岗位】：水电工\n' +
                        '【薪资】：3500-4000元\n' +
                        '【福利待遇】：社保,五险\n' +
                        '【岗位详情】：https://whzp.ixiaoma.com/s/16veV3\n' +
                        '\n' +
                        '更多优质岗位请关注\n' +
                        '↓ ↓ ↓ ↓ ↓\n' +
                        '#公众号：芜湖大江直聘\n' +
                        '好工作职等你来！更多高薪五险双休工作点击：\n' +
                        '✅芜湖正地物业管理有限公司\n' +
                        '——————————————\n' +
                        '【岗位】：水电工\n' +
                        '【薪资】：3500-4000元\n' +
                        '【福利待遇】：社保,五险\n' +
                        '【岗位详情】：https://whzp.ixiaoma.com/s/16veV3\n' +
                        '\n' +
                        '更多优质岗位请关注\n' +
                        '↓ ↓ ↓ ↓ ↓\n' +
                        '#公众号：芜湖大江直聘\n' +
                        '好工作职等你来！更多高薪五险双休工作点击：\n' +
                        'https://whzp.ixiaoma.com/ [图片]'
                }
            },
            mounted: function () {
//
            },
            methods: {}
        }
    })
</script>